<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>评分页点击评分</title>
  <link rel="stylesheet" href="./kaohepingfen.css" />
  <link rel="stylesheet" href="../../../assets/common/common.css" />
  <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<body>
  <!-- 头部 -->
  <header class="scoreheader w100 bg-fff flex aic fixed rel">
    <i onclick="text()" class="abs iconfont icon-xiangzuojiantou pl-10"></i>
    <span class="w100 tac">考核计划</span>
  </header>
  <!--  -->
  <main class="scorecheck w100 fdc jc-c bg-fff">
    <div class="flex w100 jc-sb">
      <span>2022年01月销售部考核计划</span>
      <span class="f12 base">待我评分</span>
    </div>
    <div class="scorebox flex aic hl">
      <img class="img" src="../../../assets/img/Achievements.img/__80px_u3817.png" alt="" />
      <div class="f12 t-999 fdc">
        <span>被考核人：吴珊珊</span>
        <span>考核周期:2022年1月-2022年3月</span>
      </div>
    </div>
  </main>
  <!-- 点击弹窗 -->
  <div class="success tac">
    <img src="../../../assets/img/Achievements.img/00fb7cf19f45e6320c7b07895cd7b08.png" alt="" />
    <p>评分成功</p>
  </div>
  <!-- 点击弹窗 -->
  <ul class="scoreList">
    <!-- 第一个列表 -->
    <li class="scoreitem w100 fdc bg-fff pl-20">
      <div class="fdc">
        <span class="t1 flex aic f14">业绩指标</span>
        <span class="t1 flex aic f12">工作计划完成率</span>
        <span class="t1 flex aic f12 t-999">指标说明：-</span>
      </div>
      <div class="t2 flex jc-c hl fdc">
        <span>
          指标规则 :
          <span class="t-999">90%及以上, 100分; 70%-90%, 80分; 60%-70%, 60分; 60%以下,
            50分</span></span>
      </div>
      <div class="fdc">
        <div class="t3">
          <span class="t-999">评分人：</span>
          <span>运以云</span>
        </div>
        <div class="t3">
          <span class="t-999">评分: </span>
          <span>80</span>
        </div>
        <div class="t3">
          <span class="t-999">评语：</span>
          <span>工作认真负责</span>
        </div>
      </div>

      <div class="mr-15">
        <div class="mt-10">
          <span class="base">*</span>
          <span>评分</span>
          <span class="t-999">(上线100)</span>
        </div>
        <div class="inpBox mt-10 flex aic">
          <input class="inp" type="text" placeholder="请输入" />
        </div>
      </div>
      <div class="mr-15">
        <div class="mt-10">
          <span class="base">*</span>
          <span>评语</span>
        </div>
        <div class="inpBox1 mt-10 flex">
          <input class="inp" type="text" placeholder="请输入" />
        </div>
      </div>
      <div class="text w100"></div>
    </li>
    <!-- 第二个列表 -->
    <li class="scoreitem w100 fdc bg-fff pl-20 mt-10">
      <div class="fdc">
        <span class="t1 flex aic f14">业绩指标</span>
        <span class="t1 flex aic f12">工作计划完成率</span>
        <span class="t1 flex aic f12 t-999">指标说明：-</span>
      </div>
      <div class="t2 flex jc-c hl fdc">
        <span>
          指标规则 :
          <span class="t-999">90%及以上, 100分; 70%-90%, 80分; 60%-70%, 60分; 60%以下,
            50分</span></span>
      </div>
      <div class="fdc">
        <div class="t3">
          <span class="t-999">评分人：</span>
          <span>运以云</span>
        </div>
        <div class="t3">
          <span class="t-999">评分: </span>
          <span>80</span>
        </div>
        <div class="t3">
          <span class="t-999">评语：</span>
          <span>工作认真负责</span>
        </div>
      </div>

      <div class="mr-15">
        <div class="mt-10">
          <span class="base">*</span>
          <span>评分</span>
          <span class="t-999">(上线100)</span>
        </div>
        <div class="inpBox mt-10 flex aic">
          <input class="inp" type="text" placeholder="请输入" />
        </div>
      </div>
      <div class="mr-15">
        <div class="mt-10">
          <span class="base">*</span>
          <span>评语</span>
        </div>
        <div class="inpBox1 mt-10 flex">
          <input class="inp" type="text" placeholder="请输入" />
        </div>
      </div>
      <div class="text w100"></div>
    </li>
  </ul>

  <!-- 底部 -->
  <div class="scorefoot w100 bg-fff fixed">
    <button id="footer" class="w100 f16 fff">评分</button>
  </div>
  <script>
    //返回上一级
    function text() {
      history.go(-1);
    }
    // 底部
    $("#footer").on("click", function () {
      // 显示隐藏
      var _success = document.querySelector(".success");
      _success.style.display = "block";
      // 打卡跳转3秒
      setTimeout(function () {
        location.href = "../dianpingtijiao/kaoguole.html";
      }, 2000);
    });
  </script>
</body>

</html>